<template>
  <div style="font-size: 14px;">
    <div class="ns_Services-list ns_fixClear" id="Services-list">
      <div class="ns_w">
        <img width="1200" height="199" src="../../../public/img/8359a28f-9cce-463d-aaf5-b3c7148872f7.png" class="lazy_img_foot">
      </div>
    </div>

    <div class="footer">
      <ul class="foot_top clearfix">
        <li class="fl shop_lenovo">
          <a class="foot_top_title">购物指南</a>
          <a>
            服务商信息
          </a>
          <a>
            购买流程
          </a>
          <a>
            注册登录
          </a>
          <a>
            商品评价
          </a>
        </li>

        <li class="fl service_lenovo">
          <a class="foot_top_title">配送方式</a>
          <a>
            配送方式
          </a>
          <a>
            配送方式信息
          </a>
          <a>
            签收原则
          </a>
          <a>
            物流查询
          </a>
        </li>
        <li class="fl lenovo_website_group">
          <a class="foot_top_title">支付方式</a>
          <a>
            分期支付
          </a>
          <a>
            支付方式
          </a>
          <a>
            支付问题
          </a> </li>
        <li class="fl lenovo_website_group">
          <a class="foot_top_title">
            订单信息
          </a>
          <a>
            订单信息
          </a>
          <a>
            发票信息
          </a>
          <a>
            手机激活查询
          </a>
        </li>
        <li class="fl lenovo_website_group">
          <a class="foot_top_title">
            售后服务
          </a>
          <a>
            售后服务总则
          </a>
          <a>
            24小时在线客服
          </a>
          <a>
            联想服务入口
          </a>
          <a>
            热门解决方案
          </a>
          <a>
            Lenovo Quick Fix工具
          </a>
        </li>
        <li class="fl lenovo_website_group">
          <a class="foot_top_title">
            其他说明
          </a>
          <a>
            服务承诺
          </a>
          <a>
            账户安全
          </a>
          <a>
            手机产品购买须知
          </a>
          <a style="cursor: pointer;">环境信息</a>
        </li>
        <li class="fl social_platform">
          <div class="kef_phone">
            <h3>400-XXX-XXXX</h3>
            <span>周一到周日 9:00-21:00</span>
            <a class="kef_a">
            </a>
          </div>
        </li>
      </ul>
      <div class="foot_bot">
        <div class="foot_bot_con clearfix">
          <div class="foot_bot_left fl">
            版权所有：1998-2023 XX集团
            <span>|</span><a title="法律公告">法律公告</a>
            <span>|</span><a title="隐私权政策">隐私权政策</a>
            <span>|</span><a title="产品安全">产品安全</a>
          </div>

          <div class="foot_bot_right fr">
            <a>京ICP备XXXXXXX-X</a>
            <span>|</span><i style="font-style:normal;">京公网安备XXXXXXXXX号</i>
            <span>|</span><a title="营业执照">营业执照:xxxxxxxxxxxxx</a>
            <span>|</span>
            <a title="增值xxx业务许可证 合字xxxxxxxxxx">增值xxx业务许可证
              合字xxxxxxxx</a>
          </div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
  export default {
    data() {
      return {

      };
    },
    mounted() {
    },
    methods: {
    }
  };
</script>

<style scoped>
  a{
    cursor: pointer;
  }
  #Services-list {
    background: #fff;
    height: 199px;
  }
  #Services-list .ns_w {
    width: 1200px;
    margin: 0 auto;
    height: 199px;
  }

  .footer {
    background-color: #FBFBFB;
    width: 100%;
    color: #ccc;
  }
  .foot_top {
    width: 1200px;
    margin: auto;
    padding: 70px 0 70px 76px;
    position: relative;
  }
  .footer * {
    box-sizing: content-box;
  }
  ul, li {
    list-style: none;
  }
  .about_lenovo, .shop_lenovo, .service_lenovo {
    width: 152px;
  }
  .fl {
    float: left;
  }
  .foot_top_title {
    font-size: 16px !important;
    line-height: 16px !important;
    margin-bottom: 18px !important;
    font-weight: 600 !important;
    color: #424242 !important;
  }
  .foot_top li>a {
    display: block;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 12px;
  }
  .footer a {
    color: #757575;
  }
  .lenovo_website_group {
    width: 152px;
  }
  .social_platform {
    width: 223px;
    border-left: 1px solid #ccc;
    padding-left: 58px;
    margin-left: 5px;
  }
  .kef_phone h3 {
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    color: #E1140A;
  }
  .kef_phone span {
    font-size: 12px;
    color: #757575;
    letter-spacing: 0;
    text-align: left;
    line-height: 25px;
  }
  .kef_phone .kef_a {
    background: url(../../../public/img/23575141-fd1c-4488-b3a0-08ee2e7d0f8a.png);
    display: inline-block;
    width: 139px;
    height: 36px;
  }
  .foot_bot {
    border-top: 1px solid #424141;
    background: #272727;
  }
  .foot_bot .foot_bot_con {
    color: #757575;
  }
  .foot_bot_con {
    width: 1200px;
    margin: auto;
    font-size: 12px;
    line-height: 46px;
  }
  .foot_bot .foot_bot_left span {
    display: inline-block !important;
  }
  .foot_bot_left span, .foot_bot_right span {
    margin: 0 6px;
  }
  .foot_bot_con a {
    font-size: 12px;
    line-height: 46px;
  }
  .footer a {
    color: #757575;
  }
  .fr {
    float: right;
  }
  .clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    content: "";
  }
</style>
